<template>
	<view class="content">
		<view v-if="name=='服务内容'">
		 <!-- 服务内容组件 -->
    	<order-unfold-new v-if="product_id == 6" id='fuWu' title="" :isSpread='true'></order-unfold-new>
		<!-- <image :src="content"  mode="widthFix" style="width: 100%" v-else></image> -->
		<view v-html="content" v-else style="line-height: 50rpx;"></view>
		</view>
		 <!-- 产品说明组件 -->
		 <view v-if="name=='产品说明'">
			<order-unfold-product-new-zifei v-if="price_type == '自费'" id='chanPin' title="" :isSpread='true'></order-unfold-product-new-zifei>
			<order-unfold-product-new-touziren v-if="price_type == '投资人支付(不用还)'" id='chanPin' title="" :isSpread='true'></order-unfold-product-new-touziren>
			<image :src="content"  mode="widthFix" style="width: 100%" v-if="product_id != 6"></image>
		 </view>
		 <view v-if="name=='第三方费用'">
		  <order-feiyong-info id='feiYong' v-show="price_type == '自费'" :id='info.product_id' :doc_zifei_img="info.doc_zifei_img||[]" :docZifei='info.doc_zifei' :content='content'></order-feiyong-info>
		 </view>	
	<!-- 全局通用组件 -->
		<law-common ref="lawCommon"></law-common>
	</view>
</template>

<script>
export default {
	data() {
		return {
			name:'',
			price_type:'',
			info:{},
			content:"",
			product_id:0,
		};
	},
	onLoad(params) {
		if (params.name) {
			this.name = params.name;
			this.price_type = params.price_type;
			this.product_id = params.product_id;
			if(this.name == '第三方费用'){
				this.info = JSON.parse(params.info);
			}
			this.content = params.content
			uni.setNavigationBarTitle({
				title: this.name
			});
		}
	},
	methods: {


	}
};
</script>

<style lang="scss">
page{
	background-color: #FFFFFF;
}

.detail-title{
	font-weight: bold;
	margin-bottom:20rpx;
}
.detail-txt{
	line-height: 60rpx;
}
</style>
